﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    
    <title>员工调度列表</title>
    
	<meta charset="utf-8">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<link rel="Bookmark" href="/favicon.ico" >
	<link rel="Shortcut Icon" href="/favicon.ico" />
	
	<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
	<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
	<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
	<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
	<script type="text/javascript" src="js/jquery-1.12.4.js"></script>
	<script type="text/javascript">
	    $(function(){
	       //页面加载展示所有的调度表
	        getall(1);
	       //页面加载显示所有部门
		     $.getJSON("dept/list.action","",function(res){
		        
		        for(var i=0;i<res.length;i++)
		        {
		           
		            $("#olddept").append("<option value='"+res[i].de_id+"'>"+res[i].de_name+"</option>");
		            $("#newdept").append("<option value='"+res[i].de_id+"'>"+res[i].de_name+"</option>");
		        }
		     });

		      //页面加载显示所有角色
		     $.getJSON("role/list.action","",function(res){
		         for(var i=0;i<res.length;i++)
		         {
		            $("#oldrole").append("<option value='"+res[i].ro_id+"'>"+res[i].ro_name+"</option>");
		            $("#newrole").append("<option value='"+res[i].ro_id+"'>"+res[i].ro_name+"</option>");
		         }
		     });
		     
		     $("#seabut").click(function(){
		       
		       getall(1);
		     });
		     
		     $("body").on("click","#pageNav a",function(){
		         var pp=$(this).attr("name");
		         alert(pp);
		         getall(pp);
		     });
	       
	    });
	    
	    function getall(pp){
	      var str=$("#queryform").serialize()+"&page="+pp;
	      
	      $.getJSON("empmove/list.action",str,function(res){
	          
	          $("tbody").html("");
	          for(var i=0;i<res.list.length;i++)
	          {
	             var newtr=$("<tr></tr>");
	             newtr.append("<td>"+res.list[i].mo_id+"</td>");
	             newtr.append("<td>"+res.list[i].mo_check.us_name+"</td>");
	             newtr.append("<td>"+res.list[i].mo_type+"</td>");
	             newtr.append("<td>"+res.list[i].old_de_id.de_name+"</td>");
	             newtr.append("<td>"+res.list[i].old_ro_id.ro_name+"</td>");
	             if(res[i].new_de_id==null) newtr.append("<td></td>");
	             else newtr.append("<td>"+res[i].new_de_id.de_name+"</td>");
	             if(res[i].new_ro_id==null) newtr.append("<td></td>");
	             else newtr.append("<td>"+res[i].new_ro_id.ro_name+"</td>");
	             newtr.append("<td>"+res.list[i].mo_check_status+"</td>");
	             newtr.append("<td>"+res.list[i].mo_check_time+"</td>");
	            
	             $("tbody").append(newtr);
	          }
	          
	          //处理分页
	        $("#pageNav").html("");
	        $("#pageNav").append("<span>共有数据：<strong>"+res.totalRow+"</strong> 条，当前显示第&nbsp;<strong>"+res.currpage+"&nbsp;</strong>页</span>");
	        var newul=$("<ul style='float:right;'></ul>");
	        //上一页
	        newul.append("<li style='float:left;'><a href='javascript:void(0)' name='"+(res.currpage-1)+"' class='btn btn-primary radius'><</a></li>");
	        
	        for( var i=1;i<=res.totalpage;i++)
	        {
	           newul.append("<li style='float:left;'><a href='javascript:void(0)' name='"+i+"'>&nbsp;"+i+"&nbsp;</a></li>");
	        }
	        
	        //下一页
	         newul.append(" <li style='float:left;'><a href='javascript:void(0)'  name='"+(res.currpage+1)+"'  class='btn btn-primary radius'>></a></li>");
	        $("#pageNav").append(newul) ;
	      });
	    }
	</script>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 管理员管理 <span class="c-gray en">&gt;</span> 管理员列表 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="page-container">
   <form id="queryform">
	<div class="text-c"> 日期范围：
		<input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'datemax\')||\'%y-%M-%d\'}' })" id="datemin" class="input-text Wdate" style="width:120px;" name="begin">
		-
		<input type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'datemin\')}',maxDate:'%y-%M-%d' })" id="datemax" class="input-text Wdate" style="width:120px;" name="end">
		
		<!-- <input type="text" class="input-text" style="width:250px" placeholder="输入申请人名称"  name="applyer"> -->
		状态：<select name="status">
		  <option value="">--请选择--</option>
		  <option value="待审核">待审核</option>
		  <option value="通过">通过</option>
		  <option value="打回">打回</option>
		  <option value="拒绝">拒绝</option>
		</select>
		原部门：<select name="olddep" id="olddept">
               <option value="0">--请选择--</option>
		      </select>
		原角色：<select name="oldrole" id="oldrole">
			    <option value="0">--请选择--</option>
			  </select>
		新部门：<select name="newdep" id="newdept">
			    <option value="0">--请选择--</option>
			  </select>
		新角色：<select name="newrole" id="newrole">
		         <option value="0">--请选择--</option>
		      </select>
		<button type="button" class="btn btn-success" id="seabut" name=""><i class="Hui-iconfont">&#xe665;</i> 搜索</button>
	</div>
	</form>
	<table class="easyui-datagrid">
		<thead>
			<tr class="text-c">
				<th>编号</th>
				<th>申请人</th>
				<th>申请类型</th>
				<th>部门</th>
				<th>角色</th>
				<th>申请的部门</th>
				<th>申请的角色</th>
				<th>状态</th>
				<th>申请时间</th>
				
			</tr>
		</thead>
		<tbody>
			<!-- <tr class="text-c">
				<td><input type="checkbox" value="1" name=""></td>
				<td>1</td>
				<td>admin</td>
				<td>13000000000</td>
				<td>admin@mail.com</td>
				<td>超级管理员</td>
				<td>2014-6-11 11:11:42</td>
				<td class="td-status"><span class="label label-success radius">已启用</span></td>
				<td class="td-manage"><a style="text-decoration:none" onClick="admin_stop(this,'10001')" href="javascript:;" title="停用"><i class="Hui-iconfont">&#xe631;</i></a> 
				<a title="编辑" href="javascript:;" onclick="admin_edit('管理员编辑','admin-add.html','1','800','500')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a>
				
				 <a title="删除" href="javascript:;" onclick="admin_del(this,'1')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
			</tr> -->
			
		</tbody>
	</table>
	
	<div id="pageNav"></div>
	
</div>


<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script> 
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script> 
<script type="text/javascript" src="lib/datatables/1.10.0/jquery.dataTables.min.js"></script> 
<script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript">
/*
	参数解释：
	title	标题
	url		请求的url
	id		需要操作的数据id
	w		弹出层宽度（缺省调默认值）
	h		弹出层高度（缺省调默认值）
*/
/*管理员-增加*/
function admin_add(title,url,w,h){
	layer_show(title,url,w,h);
}
/*管理员-删除*/
function admin_del(obj,id){
	layer.confirm('确认要删除吗？',function(index){
		$.ajax({
			type: 'POST',
			url: '',
			dataType: 'json',
			success: function(data){
				$(obj).parents("tr").remove();
				layer.msg('已删除!',{icon:1,time:1000});
			},
			error:function(data) {
				console.log(data.msg);
			},
		});		
	});
}

/*管理员-编辑*/
function admin_edit(title,url,id,w,h){
	layer_show(title,url,w,h);
}
/*管理员-停用*/
function admin_stop(obj,id){
	layer.confirm('确认要停用吗？',function(index){
		//此处请求后台程序，下方是成功后的前台处理……
		
		$(obj).parents("tr").find(".td-manage").prepend('<a onClick="admin_start(this,id)" href="javascript:;" title="启用" style="text-decoration:none"><i class="Hui-iconfont">&#xe615;</i></a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-default radius">已禁用</span>');
		$(obj).remove();
		layer.msg('已停用!',{icon: 5,time:1000});
	});
}

/*管理员-启用*/
function admin_start(obj,id){
	layer.confirm('确认要启用吗？',function(index){
		//此处请求后台程序，下方是成功后的前台处理……
		
		
		$(obj).parents("tr").find(".td-manage").prepend('<a onClick="admin_stop(this,id)" href="javascript:;" title="停用" style="text-decoration:none"><i class="Hui-iconfont">&#xe631;</i></a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已启用</span>');
		$(obj).remove();
		layer.msg('已启用!', {icon: 6,time:1000});
	});
}
</script>
</body>
</html>